<template>
    <el-form-item :label="ctx.label.value">
        <el-time-picker v-model="viewData.value" />
    </el-form-item>
</template>

<script lang="ts" setup>
import { reactive } from 'vue'
import { byId } from '../lib/form'

const props = defineProps<{ id: string }>()
const ctx = byId(props.id)

const viewData = reactive({
    value: undefined,
})
</script>
